<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*将ul里的第一个li设置为红色*/
			
			/*伪类（不存在的类，特殊的类）
			 * 伪类用来描述一个元素的特殊状态
			 * 比如：第一个元素、被点击的元素，鼠标移入的元素
			 * 伪类一般情况下都是：开头
			 * 	：first-child 第一个子元素
			 *  ：last-child 最后一个子元素
			 *  :nth-child(n)选中第n个子元素
			 * 			特殊值
			 *					n  第n个 n的范围0到正无穷
			 * 					2n或者even 表示选中偶数位的元素
			 * 					2n+1或者odd 表示选中的奇数位的元素
			 * 
			 * 注意：以上这些伪类都是根据所有子元素进行排序
			 * ：first-of-type
			 * ：last-of-type
			 *  :nth-type(n)
			 * 这几个伪类的功能和上述的类似，不同点是他们是在同类型的元素中进行排序
			 * ：not（）否定伪类
			 * 	将符合条件的元素从选择器中去除
			 * */
			   /*ul>li:first-child{
			 			color: red;
			  } 
			  ul>li:last-child{
			 			color: yellow;
			  } */
			  ul>li:not(:nth-child(4)){
			 			color:blue;
			  } 
			
		</style>
	</head>
	<body>
		<ul>
			<span>111</span>
			<li>第0个</li>
			<li>第1个</li>
			<li>第2个</li>
			<li>第3个</li>
			<li>第4个</li>
		</ul>
	</body>
</html>
